/*****************金额样式*******************/
@mixin priceStyle() {
    position: relative;
    color: #FF3B30;
    font-size: 20*$unit1px;
    font-weight: 500;

    position: relative;
    &:not(:nth-child(1)) {
        padding-left: 5*$unit1px;
    }
    &:before {
        height: 100%;
        content: '¥ ';
        line-height: 1;
        font-size: 0.8em;
        vertical-align: middle;
    }
}

.azm-price {
    @include priceStyle();
}

.azm-price-line {
    @include priceStyle();
    text-decoration: line-through;
    font-size: 13*$unit1px;
    font-weight: 400;
    color: #999999;
}

/*****************金额样式end*******************/

/*****************input*******************/
@mixin placeholder() {
    color: $tl-text-color-placeholder;
    font-size: 1em;
    height: 1.5em;
    line-height: 1.5em;
    min-height: 1em;
}

.azm-input {
    color: $tl-text-color !important;
    font-size: 15*2upx !important;
    height: 1.4em;
    line-height: 1.4em;
    min-height: 1em;
}

input::placeholder, .input-placeholder {
    @include placeholder();
}

.text-placeholder {
    color: $tl-text-color-placeholder;
}

/*****************input end*******************/

/*****************其他*******************/
//#ifndef MP-WEIXIN
footer, div, p, ul, li {
    box-sizing: border-box;
}

ul {
    padding-left: 40*2upx;
}

//#endif

@for $i from 0 through 100 {
    .w#{$i} {
        width: $i * 1%;
    }
}

.padding-right-0 {
    padding-right: 0;
}

.padding-left-0 {
    padding-left: 0;
}

.margin-top-20 {
    margin-top: 20*2upx;
}

//bug uni-H5
//#ifndef MP-WEIXIN
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
    background-color: $uni-bg-color-blue;
}

//#endif

radio.radio-sm .wx-radio-input,
checkbox.checkbox-sm .wx-checkbox-input,
radio.radio-sm .uni-radio-input,
checkbox.checkbox-sm .uni-checkbox-input {
    width: 18*2upx;
    height: 18*2upx;
}

radio.cradio-sm::before, checkbox.checkbox-sm::before {
    right: 2*2upx;
    font-size: 14*2upx;
}

.mescroll-empty .empty-icon {
    width: 160*1upx !important;
    height: auto;
}

image {
    vertical-align: middle;
}

/*****************其他end*******************/

@for $i from 30 through 200 {
    .mescroll-totop.mescroll-totop-#{$i} {
        bottom: $i * $unit1px;
    }
}

// 三角形
.azm-triangle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    @for $i from 10 through 100 {
        &.azm-triangle-#{$i} {
            width: 0;
            height: 0;
            border-top: #{$i}px solid var(--blue);
            border-left: #{$i}px solid transparent;
        }
    }

    @each $key in blue cyanStrong black {
        &.azm-triangle-color-#{$key} {
            border-top-color: color($key);
        }
    }
}

@mixin globalFixed() {
    position: fixed;
}

.azm-global-fixed {
    @include globalFixed();
    @each $key in tb lr tlr lrb all {
        &-#{$key} {
            @include globalFixed();
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            @if $key == tlr {
                bottom: auto;
            } @else if $key == lrb {
                top: auto;
            } @else if $key == tb {
                left: auto;
                right: auto;
            } @else if $key == lr {
                top: auto;
                bottom: auto;
            }
        }
    }
}


.movable-area {
    width: auto;
    height: 80*2upx;

    .fixed-btn {
        width: 48*2upx;
        height: 48*2upx;

        .fixed-btn-img {
            width: inherit;
            height: auto;
        }
    }
}


//#ifdef H5
uni-modal {
    z-index: 9998;
}

//#endif


.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;
}

.tl-hide {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}


/* 适配 iPhoneX */
.azm-safe-bottom {
    padding-bottom: constant(safe-area-inset-bottom); /* window-bottom + 适配 iPhoneX */
    padding-bottom: env(safe-area-inset-bottom);
}

.icon-share-border {
    display: block;
    width: 61*2upx;
    height: 61*2upx;
    line-height: 61*2upx;
    border-radius: 100%;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
    color: #616467;

    &:before {
        font-size: 28*2upx;
    }
}

.upwarp-nodata {
    font-size: 12*2upx !important;
}
